<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
	</head>

	<body>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">标题</h1>
		</header>
		<div class="mui-content">
			<input id="ip" type="tel" />
		</div>
		<script src="../../js/zhide.tool.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.plusReady(function() {
				setHeaderBackground();
			})
			
			var abc = {
				b:15
			}
			console.log(abc.b);
			Object.defineProperty(abc, 'b', {
				value:12
			})
			console.log(abc.b);
			var obj = {};
			Object.defineProperty(obj, 'data', {
				get: function() {
					return data;
				},
				set: function(newValue) {
					data = newValue;
					console.log('set :', newValue);
					//需要触发的渲染函数可以写在这...
				}
			})
			document.getElementById('ip').addEventListener('change',function () {
				obj.data = document.getElementById('ip').value;
			})
			
		</script>
	</body>

</html>